html,body,.bg{
    width: 100%;
    height: 100%;
    min-height: 100%;
}
body{
    margin: 0;
}
input{
    outline: none;
}
input::-webkit-input-placeholder{
    color: #CCCCCC;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color: #CCCCCC;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color: #CCCCCC;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color: #CCCCCC;
}
a{
    text-decoration: none;
}
.login{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    min-height: 100%;
    position: relative;
}
.login-bg{
    background: #F4F4F4;
}
.login-con{
    width: 797px;
    height: 490px;
    background: #FFFFFF;
    border-radius: 6px;
    position: relative;;
}
.login-bg .login-logo{
    background: #484758;
    border-radius: 6px;
    width: 260px;
    height: 580px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -52px;
}
.login .login-form{
    width: 389px;
    margin: 48px 74px;
    position: absolute;
    left: 260px;
}
.login .login-form .form-item{
 
    background: #FAFAFC;
    border: 1px solid #E1E1E3;
    border-radius: 5px;
    height: 58px;
    line-height: 58px;
    padding-left: 20px;
    display: flex;
    align-items: center;
}
.login .login-form .form-box{
    margin-bottom: 25px;
    position: relative;
}
.login .login-form .form-item input{
   width: 100%;
   height: 50px;
   border: none;
   background-color: transparent;
   color: #CCCCCC;
}
.login .login-form .user-icon,.login .login-form .password-icon{
    display: inline-block;
    width: 20px;
    height: 15px;
    vertical-align: middle;
    margin-right: 10px;
}
.login .login-form .user-icon{
    background: url(/Public/admin/src/imgs/public_icon_name.png) no-repeat;
}
.login .login-form .password-icon{
    background: url(/Public/admin/src/imgs/public_icon_password.png) no-repeat;
}
.login .login-form .vercode-icon{
    background: url(/Public/admin/src/imgs/public_icon_password.png) no-repeat;
}
.login .login-form .remember img{
    vertical-align: middle;
}
.login .login-form .remember span{
    font-size: 12px;
    color: #333333;
    margin-left: 5px;
}
.vercode{
    width: 160px !important;
    display:inline-block;
    max-width: 100%;
}
.vercode-img{
    cursor: pointer;
    width: 184px;
    position:absolute;
    right: 0;
    top: 0;
    height: 60px;
    background: rgba(74,144,226,0.10);
    border-radius: 5px;
}
.login-box{
    margin-top:32px;
}
.login-box button{
    width: 100%;
    background: #4A90E2;
    border-radius: 5px;
    height: 58px;
    border: none;
    font-size: 16px;
    color: #FFFFFF;
}
.remember-pas{
    margin-top: 20px;
    text-align: right;
}
.remember-pas a{
    font-size: 14px;
    color: #333333;
    letter-spacing: 1.31px;
   
}
.copy{
    position: absolute;
    bottom:30px;
}
.copy p{
    font-family: SourceHanSansCN-Regular;
    font-size: 14px;
    color: #CCCCCC;
    letter-spacing: 0.85px;
}

/* 登录1 */
.login-bg-img{
    background: url(/Public/admin/src/imgs/bg.jpg) no-repeat;
    background-size: 100%;
    width: 100%;
    height: 100%;
}
.login-bg-img .login-con{
    width: 540px;
    height: 570px;
    background: #FFFFFF;
    border-radius: 6px;
    position: relative;
}
.login-bg-img .login-form{
    position: absolute;
    left: 0;
}
.login-bg-img .login-logo{
    text-align: center;
    position: absolute;
    top: -80px;
    left: 42px;
}
.login-text{
    margin-bottom: 30px;
}
.login-text span{
    font-family: SourceHanSansCN-Medium;
    font-size: 24px;
    color: #333333;
    letter-spacing: -1.2px;
}
.login-text span::before{
    content: '';
    width:20px;
    height: 3px;
    background: #4A90E2;
    border-radius: 8px;
    display: block;
}
